/* 公共样式 */

body {
	width: 100%;
	margin: 0;
	padding: 0;
	background-color: #000216;
}

#allmap {
	width: 100%;
	height: calc(100% - 80px);
	position: absolute;
	top: 60px;
}
/* 老人看板 */
.title {
	width: 100%;
	height: 80px;
	background-image: url(/img/familyParticulars/titlebg.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.title p{padding: 0;
    margin: 0;
    color: #fff;
    text-align: center;
    font-size: 22px;
    line-height: 44px;
	text-shadow: 3px 3px 2px #000000;
	}
	
.title ul{    position: absolute;
    z-index: 1;
    left: 50%;
    margin: 0;
    top: 45px;
    color: #fff;}
.title ul li{list-style: none;float:left;margin-left:10px;}	
	

.img-title {
	width: 100%;
	height: 100%;
	
}

.right {
	width: 400px;
	position: absolute;
	z-index: 1;
	top: 70px;
	right: 30px;
	height: calc(100% - 70px);
}

.sumtotal {
	width: 100%;
	float: right;
	height: 100px;

}

.oldpeople_total {
	width: 31%;
	height: 80px;
	float: left;
	background-image: url(/img/familyParticulars/老人总数块.png);
	background-size: 100% 100%;
}

.serveoldpeople_total {
	width: 31%;
	height: 80px;
	float: left;
	margin-left: 3.5%;
	background-image: url(/img/familyParticulars/服务老人总数块.png);
	background-size: 100% 100%;
}

.call_total {
	width: 31%;
	height: 80px;
	float: left;
	background-image: url(/img/familyParticulars/报警总数块.png);
	background-size: 100% 100%;
	margin-left: 3.5%;
}

.alerts {
	width: 100%;
	float: right;
	height: 70%;
	background-image: url(/img/familyParticulars/时间轴块.png);
	background-size: 100% 100%;
	overflow: hidden;
	margin-top: 15%;
}

.alerts-main{
	height: calc(100% - 43px);
    overflow: auto;
    margin-top: 10px;
	width: 99%;
}

.alerts-word {
	font-size: 15px;
	text-align: center;
	color: white;
	padding-top: 5px;
}

.oldpeople-word {
	font-size: 12px;
	color: white;
	width: 100%;
	margin-left: 10%;
	margin-top: 15px;
}

.old-logo {
	width: 14%;
	height: 18px;
	margin-top: 10px;
	margin-left: 13%;
	float: left;
}

.img-old {
	width: 100%;
	height: 100%;
}

.old-number {
	font-size: 20px;
	color: white;
	width: 40%;
	margin-top: 5px;
	margin-left: 25%;
	float: left;
	text-align: right;
}

.serveoldpeople-word {
	font-size: 12px;
	color: white;
	width: 100%;
	margin-left: 10%;
	margin-top: 15px;
}

.serveold-logo {
	width: 14%;
	height: 18px;
	margin-top: 10px;
	margin-left: 13%;
	float: left;
}

.img-serveold {
	width: 100%;
	height: 100%;
}

.serveold-number {
	font-size: 20px;
	color: white;
	width: 40%;
	margin-top: 5px;
	margin-left: 25%;
	float: left;
	text-align: right;
}

.call-word {
	font-size: 12px;
	color: white;
	width: 100%;
	margin-left: 10%;
	margin-top: 15px;
}

.call-logo {
	width: 14%;
	height: 18px;
	margin-top: 10px;
	margin-left: 13%;
	float: left;
}

.img-call {
	width: 100%;
	height: 100%;
}

.call-number {
	font-size: 20px;
	color: white;
	width: 40%;
	margin-top: 5px;
	margin-left: 25%;
	float: left;
	text-align: right;

}


.font-white {
	font-size: 12px;
	color: white;

}
.alerts-main ul{width:calc(100% - 15px);;padding:0;margin:0px;overflow: hidden;margin-left:15px;}
.alerts-main li{list-style: none;overflow: hidden;display: flex;justify-content: space-between;}
.alerts-main li p:nth-child(1){
	width: 42%;
}
.alerts-main li p:nth-child(3){
	width: 60%;
}
.alerts-main li p{float:left;padding:0;line-height: 20px;    line-height: 25px; margin: 0 5px;}
.blue-dot{width:5px;height:5px;border-radius: 50%;background-color: #309EFF;margin-top:10px!important;}
.blue-dot-line:after{content:'';margin-left:1.5px;border:1px dashed #309EFF;}


/* 服务看板 */

